<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">	
    <title>Sortable</title>
	<link rel="stylesheet" href="../../resources/css/sencha-touch.css" type="text/css">
	<script type="text/javascript" src="../../sencha-touch.js"></script>
	<script type="text/javascript" src="index.js"></script>
	
	<style>
		#sortable {
		    position: absolute;
		    width: 100%;
		    height: 200px;
		    overflow: auto;
		}
		
		#sortable li {
		    height: 40px;
		    line-height: 40px;
		    padding: 0 5px;
		    font-size: 21px;
		    border-bottom: 1px solid #ddd;
		    
		}
		
		#sortable li.x-dragging {
		    border-top: 1px solid #ddd;
		    background-color: white;
		}
	</style>
</head>

<body>
	<ul id="sortable">
	    <li>Item 1</li>
	    <li>Item 2</li>
	    <li>Item 3</li>
	    <li>Item 4</li>
	    <li>Item 5</li>
	</ul>
</body>
</html>